<template>
  <div style="height: 60px; line-height: 50px;border-bottom: 1px solid #ccc; display: flex">
    <div style="width: 200px; padding-left: 30px;font-weight: bold; font-size: 25px">淘京商城</div>
    <div style="margin-right: 20px;">
      <el-menu mode="horizontal">
        <el-menu-item @click="$router.push('/Home')">首页</el-menu-item>
        <el-sub-menu index="1">
          <template #title>用户入口</template>
          <el-menu-item @click="$router.push('/UserLogin')">登录</el-menu-item>
          <el-menu-item @click="$router.push('/UserRegister')">注册</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="2">
          <template #title>商家入口</template>
          <el-menu-item @click="$router.push('/TraderLogin')">商家登录</el-menu-item>
          <el-menu-item @click="$router.push('/TraderRegister')">商家注册</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="3">

        </el-sub-menu>
      </el-menu>
    </div>
  </div>
</template>

<script>
export default {
  name: "Header"
}
</script>
<style scoped>
</style>